module teapo {

​

  /**

   * Hadles high-level application behavior,

   * creates and holds DocumentStorage and FileList,

   * that in turn manage persistence and file list/tree.

   *

   * Note that ApplicationShell serves as a top-level

   * ViewModel used in Knockout.js bindings.

   */

  export class ApplicationShell {

​

    saveDelay = 1500;

    fileList: FileList = null;

​

    statusText = ko.observable('ready.');

​

    private _selectedDocState: DocumentState = null;

    private _editorElement: HTMLElement = null;

    private _editorHost: HTMLElement = null;

    private _saveTimeout = 0;

    private _saveSelectedFileClosure = () => this._invokeSaveSelectedFile();

​

    savingFiles: ko.ObservableArray<string>;

​

    constructor(private _storage: DocumentStorage) {

      if (this._storage.editedUTC){

        var dt = new Date(this._storage.editedUTC);

        this.statusText('Updated ' + dt.getFullYear() + '-' + dt.getMonth() + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes()+'.');

      }

​

      this.savingFiles = this._storage.savingFiles;

      this.fileList = new FileList(this._storage);

      this.fileList.selectedFile.subscribe((fileEntry) => this._fileSelected(fileEntry));

​

      // loading editors for all the files

      var allFilenames = this._storage.documentNames();

      allFilenames.sort();

      for (var i = 0; i < allFilenames.length; i++) {

        var docState = this._storage.getDocument(allFilenames[i]);

        docState.editor();

      }

    }

​

    keyDown(self, e: KeyboardEvent) {

      switch (e.keyCode) {

        case 78:

          if ((<any>e).cmdKey || e.ctrlKey || e.altKey) {

            this.newFileClick();

​

            if (e.preventDefault)

              e.preventDefault();

            if ('cancelBubble' in e)

              e.cancelBubble = true;

            return false;

          }

          break;          

      }